<template>
<div>
  <Navi></Navi>
  <el-row style="width: 80%;margin: 0 auto;padding: 10px">
    <el-col :span="4">
      <Category></Category>
    </el-col>
    <el-col :span="20">
      <Banner></Banner>
    </el-col>
  </el-row>
  <Recommend></Recommend>
  <CategoryRecommend></CategoryRecommend>
</div>
</template>
<script>
import Category from "@/components/Category";//多级分类
import Banner from "@/components/Banner";//轮播图
import Recommend from "@/components/Recommend";//新品推荐
import CategoryRecommend from "@/components/CategoryRecommend";//分类推荐
import Navi from "../components/Navi";//导航栏

export default {
  name:"Index",
  components:{
    Navi,
    Category,
    Banner,
    Recommend,
    CategoryRecommend
  }
}
</script>

<style scoped>

</style>